<!doctype html>
<html lang="zh">

    <head>
        <meta charset="utf-8">
        <title>{:lang('The session')}</title>
        <base target="_blank">
        <meta name="format-detection" content="telephone=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta name="full-screen" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="default">
        <meta name="screen-orientation" content="portrait">
        <meta name="browsermode" content="application">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="x5-orientation" content="portrait">
        <meta name="x5-fullscreen" content="true">
        <meta name="x5-page-mode" content="app">
        <link href="/static/common/css/iconfont.css" rel="stylesheet">
        <link rel="stylesheet" href="/static/index/css/style.css">
        <style>
            .icon-images{
                vertical-align: middle;
                height:19px;
                width:19px;
            }
            .icon-images .iconfont{
                font-size:19px;
            }
        </style>
    </head>

    <body>
        <div class="abs cover contaniner">
            <div class="abs cover pnl">
                <div class="abs top pnl-head" id="pnlHead">
                    <div class="pnl-opt pnl-esc" id="exit">
                        <i class="kh">&#xe802;</i>
                    </div>
                    <div class="pnl-opt pnl-min" id="min">
                        <i class="kh">&#xe813;</i>
                    </div>
                    <div class="pnl-opt pnl-max" id="max">
                        <i class="kh">&#xe814;</i>
                    </div>
                    <div class="pnl-opt pnl-voice" id="voicebtn">
                        <i class="kh" id="voice">&#xE801;</i>
                    </div>
                </div>
                <div class="abs top pnl-head-sm" id="pnlHeadSm">
                    <i class="kh v hide" title="{:lang('return')}" id="histBackBtn">&#xe816;</i>
                    <div class="chat-title">{:lang('Online consulting')}</div>
                    <i class="kh v-r hide" title="{:lang('Shut down')}" id="minBtn">&#xe813;</i>
                </div>
                <div class="abs cover pnl-body" id="pnlBody">
                    <div class="abs cover pnl-left">
                        <div class="abs top pnl-alert" id="alert">{:lang('This is a message')}</div>
                        <div class="abs cover pnl-msgs scroll" id="show">
                            <div class="msg min time" id="histStart" page="1" sw="on">{:lang('Loading history message')}</div>
                            <div class="pnl-list" id="msgs"></div>
                            <div class="pnl-list hide" id="unreadLine">
                                <ul></ul>
                            </div>
                        </div>
                        <div class="abs bottom pnl-text">
                            <div class="abs bottom pnl-ext hide" id="pnlExt">
                                <div class="emoji-pnl scroll hide" id="emojiPnl"></div>
                            </div>
                            <div class="ques-pnl scroll hide" id="quesPnl">
                                <ul class="questions unselect" id="ques"></ul>
                            </div>
                            <div class="abs top pnl-warn" id="pnlWarn">
                                <div class="btns rel pnl-warn-left" id="pnlBtns">
                                    <div class="pnl-warn-btns">
                                        <div class="fl btns rel pnl-warn-free">
                                            <i class="kh warn-btn emoji-btn" title="{:lang('expression')}" id="emojiBtn">&#xe80E;</i>
                                        </div>
                                        {if $options['set_attachment_yksc'] == 1}
                                        {if $options['set_attachment_tpsc'] == 1}
                                        <form id="upload_img" enctype="multipart/form-data">
                                            <i class="kh warn-btn" title="{:lang('Image upload')}">&#xe810;</i>
                                            <input type="file" name="upload_img" accept="{:get_img_accept($options['set_attachment_tpgs'])}">
                                        </form>
                                        {/if}
                                        {if $options['set_attachment_wjsc'] == 1}
                                        <form id="upload_file" enctype="multipart/form-data">
                                            <i class="kh warn-btn" title="{:lang('File upload')}">&#xea02;</i>
                                            <input type="file" name="upload_file" accept="{$options['set_attachment_wjgs']}">
                                        </form>
                                        {/if}
                                        {/if}
                                        <i class="kh warn-btn" title="{:lang('voice')}" id="voiceBtn" onclick="getaudio();">&#xe841;</i>
                                        <i class="kh warn-btn" title="{:lang('evaluation')}" id="evalBtn">&#xe809;</i>
                                        {if $user}
                                        <div class="kh warn-btn">
                                            <a id="user_pay" data-original-title="会员消费">
                                                <img class="icon-images" src="{$user['pay']}">
                                            </a>
                                        </div>
                                        <div class="kh warn-btn">
                                            <a id="user_list" data-original-title="会员消费">
                                                <img class="icon-images" src="{$user['order']}">
                                            </a>
                                        </div>
                                        {/if}
                                        {if $user_auth}
                                        <div class="kh warn-btn">
                                            <a id="user_history_message" {if $check_auth } data-auth="{$check_auth}" {/if} class="icon-images" data-original-title="聊天记录">
<!--                                                <img class="icon-images" src="{$user['order']}">-->
                                                <i class="iconfont icon-lishishuju"></i>
                                            </a>
                                        </div>
                                        {/if}
                                    </div>
                                </div>
                                <div class="fl right pnl-warn-right">
                                    <span class="sess-status" id="sessStatus"></span>
                                </div>
                            </div>
                            <div class="abs cover pnl-input">
                                <textarea class="scroll" id="text" wrap="hard" placeholder="{:lang('In the input')}"></textarea>
                            </div>
                            <div id="fuceng" class="fuceng">
                                <ul>
                                    <li class="fuceng-li" id="type1" type="1">
                                        <img class="layui-icon" src="/static/index/imgs/selected.png">
                                        <span>{:lang('Enter Ctrl+Enter')}</span>
                                    </li>
                                    <li class="fuceng-li" id="type2" type="2">
                                        <img class="layui-icon" src="/static/index/imgs/selected.png">
                                        <span>{:lang('Ctrl+Enter Enter')}</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="abs br pnl-btn">
                                <span id="send">{:lang('send')}</span>
                                <a id="showinfo" class="showinfo">
                                    <img src="/static/index/imgs/up-menu.png">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="abs right pnl-right">
                        <div class="pnl-right-content">
                        {:chat_right_tabs($comask_lists)}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {if $options['mess_prompt'] == 1}
            <div class="hide">
                <audio id="new-chat"><source src="{$options['mess_mp3']}" type="audio/mpeg"></audio>
            </div>
        {/if}
        <script type="text/javascript">
            let IM_config = {
                loadMessHistory: "{:url('api/Record/loadMessageHistory')}",
                ajaxupimg: "{:url('api/Upload/ajaxupimg')}",
                ajaxupfile: "{:url('api/Upload/ajaxupfile')}",
                ajaxupaudio: "{:url('api/Upload/ajaxupaudio')}",
                getComaskContent: "{:url('api/Record/getComaskContent')}",
                updateConsultingNumber: "{:url('api/Record/updateConsultingNumber')}",
                saychaturl: "{:url('api/Record/saychaturl')}",
                hook:"{:url('api/Hook/index')}",
                user_pay:"{:addons_url('user://Index/pay')}",
                user_order:"{:addons_url('user://Index/queryorder')}",
                user_auth:"{:url('members/Index/history')}",
                unread:"{:url('api/Unread/index')}",
            };
            var WS     = "{:config('im.WS_address')}";
            var youke_info = {
                from_id: '{$fromid}',
                from_group: '{$group}',
                from_nick: '{$from_nick}',
                from_avatar: '{$from_avatar}'
            };
            var kefu_info = {
                to_id: '{$toid}',
                to_group: '{$group}',
                to_nick: '{$to_nick}',
                to_avatar: '{$to_avatar}'
            };
        </script>
        <script type="text/javascript" src="/static/index/js/jquery.min.js"></script>
        <script type="text/javascript" src="/static/index/js/cookie.min.js"></script>
        <script type="text/javascript" src="/static/common/js/common.js"></script>
        <script type="text/javascript" src="/static/common/js/recordmp3.js"></script>
        <script type="text/javascript" src="/static/index/layer/layer.js"></script>
        <script type="text/javascript" src="/static/common/js/faces.js"></script>
        <script type="text/javascript" src="/static/index/js/websocket.js"></script>
        <script type="text/javascript" src="/static/index/js/main.js"></script>
    </body>

</html>
